<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>选择城市/地区</title>
	<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport"/>
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="css/swopCity.css">
</head>
<body>
	<header>
		<a href="" class="demo-icon return">&#xe801;</a>
		<span>切换城市</span>
	</header>

	<section>
		<div>
			<span>当前城市</span>
			<ul class="ul_parent">
				<li style="padding:0 5%">威海</li>
			</ul>
		</div>
		<div>
			<span>山东省</span>
			<ul class="ul_parent">
				<li>
					<a href="">威海市<b>660</b></a>
					<ul>
						<li><a href="">环翠区<b>500</b></a></li>
						<li><a href="">高新区<b>100</b></a></li>
						<li><a href="">经济开发区<b>60</b></a></li>
					</ul>
				</li>
				<li>
					<a href="">烟台市<b>334</b></a>
					<ul>
						<li><a href="">环翠区<b>500</b></a></li>
						<li><a href="">高新区<b>100</b></a></li>
						<li><a href="">经济开发区<b>60</b></a></li>
					</ul>
				</li>
				<li>
					<a href="">青岛市<b>17</b></a>
					<ul>
						<li><a href="">环翠区<b>500</b></a></li>
						<li><a href="">高新区<b>100</b></a></li>
						<li><a href="">经济开发区<b>60</b></a></li>
					</ul>
				</li>
				<li>
					<a href="">济南市<b>453</b></a>
					<ul>
						<li><a href="">环翠区<b>500</b></a></li>
						<li><a href="">高新区<b>100</b></a></li>
						<li><a href="">经济开发区<b>60</b></a></li>
					</ul>
				</li>
			</ul>
		</div>
	</section>
</body>
</html>